<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core"
                xmlns:constants="http://www.tuanzi.com/constants/tags"
                xmlns:security="http://www.springframework.org/security/tags"
                template="/templates/template.xhtml">
    <ui:define name="title">收款详情</ui:define>
    <ui:define name="content">
        <h:form>
            <div class="ui-g ui-fluid" style="padding-top: 30px;">
                <div class="ui-g-12 ">
                    <div class="ui-g-12 card">
                        <div class="ui-g-12">
                            <h1>收款信息</h1>
                        </div>
                        <div class="ui-g-12">
                            <div class="ui-g-2">
                                <p:outputLabel value="收款日期"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="收款凭证"/>
                            </div>
                            <div class="ui-g-4">
                                <p:commandButton value="查看" onclick="PF('collect-money').show();" style="width: 50%"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="收款金额"/>
                            </div>
                            <div class="ui-g-4">
                                <div class="input-group">
                                    <p:inputNumber/>
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="收款人"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="收款账号"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                        </div>

                        <div class="ui-g-12">
                            <h1>出票信息</h1>
                        </div>
                        <div class="ui-g-12">
                            <div class="ui-g-2">
                                <p:outputLabel value="开票凭证上传"/>
                            </div>
                            <div class="ui-g-4">
                                <p:commandButton value="查看" onclick="PF('invoice').show();" style="width: 50%"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="快递单号"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-6"/>
                            <div class="ui-g-2">
                                <p:outputLabel value="寄件人姓名"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="签收日期"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="寄件人手机号"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="寄件日期"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                        </div>

                        <div class="ui-g-12">
                            <h1>本周数据</h1>
                        </div>
                        <div class="ui-g-12">
                            <p:dataTable id="userDataTable"
                                         style="width: 100%"
                                         var="user"
                                         value=""
                                         rows="#{constants:get('ROWS')}"
                                         lazy="true"
                                         paginator="true"
                                         paginatorTemplate="#{constants:get('PAGINATOR_TEMPLATE')}"
                                         rowsPerPageTemplate="#{constants:get('ROWS_PER_PAGE_TEMPLATE')}"
                                         emptyMessage="#{constants:get('EMPTY_MESSAGE')}"
                                         scrollable="true"
                                         scrollWidth="97%"
                                         reflow="true"
                                         selection=""
                                         resizableColumns="true">
                                <p:column headerText="结算日期">

                                </p:column>
                                <p:column headerText="推广渠道">

                                </p:column>
                                <p:column headerText="放款总金额">

                                </p:column>
                                <p:column headerText="结算金额">

                                </p:column>
                                <p:column headerText="创建日期">

                                </p:column>
                                <p:column headerText="创建人">

                                </p:column>
                                <p:column headerText="备注">

                                </p:column>
                            </p:dataTable>
                        </div>

                        <div class="ui-g-12">
                            <h1>结算信息</h1>
                        </div>
                        <div class="ui-g-12">
                            <div class="ui-g-2">
                                <p:outputLabel value="结算价格"/>
                            </div>
                            <div class="ui-g-4">
                                <div class="input-group">
                                    <p:inputText/>
                                    <span class="input-group-addon">%</span>
                                </div>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="结算价格"/>
                            </div>
                            <div class="ui-g-4">
                                <div class="input-group">
                                    <p:inputText/>
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="结算周期"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText value="周结" disabled="true"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="结算账期"/>
                            </div>
                            <div class="ui-g-4">
                                <div class="input-group">
                                    <p:inputText value="7" disabled="true"/>
                                    <span class="input-group-addon">工作日</span>
                                </div>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="预付金额"/>
                            </div>
                            <div class="ui-g-4">
                                <div class="input-group">
                                    <p:inputNumber value="11100000" disabled="true"/>
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                        </div>

                        <div class="ui-g-12">
                            <h1>开票信息</h1>
                        </div>
                        <div class="ui-g-12">
                            <div class="ui-g-2">
                                <p:outputLabel value="开票内容"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="开户行支行名称"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="银行账户名"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="银行卡号"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="开票地址"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="收件人姓名"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="收件人手机号"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="收件地址"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText/>
                            </div>
                        </div>

                        <div class="ui-g-12">
                            <h1>节点详情</h1>
                        </div>
                        <div class="ui-g-12">
                            <p:dataTable
                                    style="width: 100%"
                                    var="user"
                                    value=""
                                    rows="#{constants:get('ROWS')}"
                                    lazy="true"
                                    paginator="true"
                                    paginatorTemplate="#{constants:get('PAGINATOR_TEMPLATE')}"
                                    rowsPerPageTemplate="#{constants:get('ROWS_PER_PAGE_TEMPLATE')}"
                                    emptyMessage="#{constants:get('EMPTY_MESSAGE')}"
                                    scrollable="true"
                                    scrollWidth="97%"
                                    reflow="true"
                                    selection=""
                                    resizableColumns="true">
                                <p:column headerText="节点">

                                </p:column>
                                <p:column headerText="办理人">

                                </p:column>
                                <p:column headerText="提交时间">

                                </p:column>
                                <p:column headerText="处理时长">

                                </p:column>
                            </p:dataTable>
                        </div>

                    </div>
                </div>
            </div>
            <p:dialog id="collect-money" widgetVar="collect-money" modal="true" header="收款凭证" resizable="false" showEffect="clip" hideEffect="clip">
               <!-- <p:ajax event="close" update="growl" listener="#{dialogView.handleClose}" />
                <p:ajax event="move" update="growl" listener="#{dialogView.handleMove}" />-->

                <p:graphicImage name="images/landing/section1_bg.jpg" library="omega-layout" />
            </p:dialog>
            <p:dialog id="invoice" widgetVar="invoice" header="开票凭证" modal="true" resizable="false" showEffect="clip" hideEffect="clip">
                <!-- <p:ajax event="close" update="growl" listener="#{dialogView.handleClose}" />
                 <p:ajax event="move" update="growl" listener="#{dialogView.handleMove}" />-->

                <p:graphicImage name="images/landing/section1_bg.jpg" library="omega-layout" />
            </p:dialog>
        </h:form>
    </ui:define>
</ui:composition>